---
category: '@threlte/xr'
title: '<VRButton>'
order: 1.5
type: 'component'
componentSignature:
  {
    events:
      [
        {
          name: 'click',
          payload: "CustomEvent<'unsupported' | 'insecure' | 'blocked' | 'supported'>",
          description: 'Fired when a user clicks the VR button.'
        },
        {
          name: 'error',
          payload: 'CustomEvent<Error>',
          description: 'Fired when an enter / exit session error occurs.'
        }
      ]
  }
---

`<VRButton />` is an HTML `<button />` that can be used to init a VR session. It will also display info about browser support.

<Example path="xr/vr-button" />
